@(form: Form[Application.Login], message : String)

<!DOCTYPE html>

<html>
    <head>

         <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
        <script src="@routes.Assets.at("javascripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
        <script src="@routes.Assets.at("javascripts/bootstrap.min.js")" type="text/javascript"></script>
    	<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.min.css")">
             <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
  
    </head>
    <body>

      <div style="margin-left:40%; margin-top:10%;"> 
       @helper.form(routes.Application.authenticate) {
       @if(message==null){
   <h4>Welcome, please input your name</h4>
   }
    @if(message!=null){
  <h4 style="color : red;"> @message </h4>
   }
   <br>

   <p>
       <input class="form-control" style="width:33%;" type="text" name="username" placeholder="Username" value="@form("username").value">
   </p>

   <p>
       <button type="submit" style="margin-left:25.5%;" class="btn btn-primary">Login</button>
   </p>
}
</div>
    </body>
</html>
